﻿@model IEnumerable<Bmz.Studio.Phone.Application.TeamMemberViewModel>

<style>
    .listview {
        display: block;
        margin: 0;
        padding: 0;
        color: #38c;
    }

        .listview > li {
            position: relative;
            padding-top: 5px;
            list-style-type: none;
            border-width: 0 0 1px;
            border-style: solid;
            border-color: #ddd;
            margin-bottom: 3px;
        }

    .right {
        position: absolute;
        top: 10px;
        left: 120px;
    }

    .listview > li > p {
        margin: 10px 0;
        text-indent: 33px;
    }
</style>
<ul class="listview" data-role="listview">
    @foreach (var item in Model)
    {
        <li data-icon="false">
            <img src="@Url.Content(item.ImageUrl)" />
            <div class="right">
                <h2>@item.ChineseName</h2>
                <span>@item.Sex @item.University @item.Education</span>
                <p>@item.Birthday.ToString("yyyy年MM月dd日")</p>
            </div>
            <p>@item.Introduce</p>
        </li>
    }
</ul>